<template>
	<widget :options="options" :is-design="props.isDesign" @delWidget="delWidget">
		<div class="container">这是我的第一个图表组件</div>
	</widget>
</template>
<script setup lang="ts">
import { defineOptions } from 'vue'
defineOptions({
	name: 'charts'
})
const props = defineProps({
	options: {
		type: Object,
		default: () => ({})
	},
	isDesign: {
		type: Boolean,
		default: false
	}
})
const emit = defineEmits(['operation'])
const delWidget = (data: any) => {
	emit('operation', data, 'del')
}
</script>
<style lang="scss" scoped>
.container {
	width: 100%;
	text-align: center;
	height: 100%;
}
</style>
